import './index.less';
interface Props {
  articleAuthorInfo?: HOMEAPI.CurrentUser;
}
const Index: React.FC<Props> = (props) => {
  const { articleAuthorInfo: { nickname = '', headPortrait } = {} } = props;
  return (
    <div className="articleInfo-articleInfo ">
      <div className="articleInfo-infoCard">
        <div className="articleInfo-photo">
          <img src={headPortrait} alt="" />
        </div>
        <div className="articleInfo-name">
          <h2>{nickname}</h2>
          <span />
        </div>
        <div className="articleInfo-briefIntroduction">止于此</div>
        <a className="articleInfo-githubUrl">github</a>
        <div className="articleInfo-articleAttribute">
          <div className="articleInfo-attributeItem">
            <div className="articleInfo-attributeValue">10</div>
            <div className="articleInfo-attributeName">文章</div>
          </div>
          <div className="articleInfo-attributeItem">
            <div className="articleInfo-attributeValue">10</div>
            <div className="articleInfo-attributeName">说说</div>
          </div>
          <div className="articleInfo-attributeItem">
            <div className="articleInfo-attributeValue">10</div>
            <div className="articleInfo-attributeName">分类</div>
          </div>
          <div className="articleInfo-attributeItem">
            <div className="articleInfo-attributeValue">10</div>
            <div className="articleInfo-attributeName">标签</div>
          </div>
        </div>
      </div>
    </div>
  );
};
export default Index;
